$('body').append("<div id=\"alert-view\" class=\"alert-view\"></div>");
$("#alert-view").css({
    'display': 'none',
    'position': 'fixed',
    'top': '40%',
    'left': '40%',
    'z-index': '999',
    'max-width': '300px',
    'box-sizing': 'border-box',
    'border': '1px solid #AAAAAA',
    'border-radius': '10px',
    'background': 'rgba(0, 0, 0, 0.6)',
    'color': 'white',
    'font-size': '16px',
    'text-align': 'center',
    'line-height': '30px',
    'padding': '10px 20px'
})
function alertMessage(str) {
    $("#alert-view").stop().slideUp()
    $("#alert-view").html(str)
    $("#alert-view").hide()
    $("#alert-view").css("opacity", "1")
    $("#alert-view").css("left", ($(window).width() - $("#alert-view").width()) / 2 - 20)
    $("#alert-view").css("top", ($(window).height() - $("#alert-view").height()) / 2 - 20)
    $("#alert-view").fadeIn(200).delay(2000).fadeOut(200)
}